<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./css/index.css">
    <title>21-日落日出CSS3动画</title>
</head>

<body>
    <div class="cont">
        <div class="tl_bottpn_a"></div>
        <!-- 中间底部小型三角形 -->
        <div class="tl_bottpn_b_box">
            <div class="tl_bottpn_b"></div>
            <div class="tl_bottpn_b"></div>
            <div class="tl_bottpn_b"></div>
            <div class="tl_bottpn_b"></div>
            <div class="tl_bottpn_b"></div>
            <div class="tl_bottpn_b"></div>
            <div class="tl_bottpn_b"></div>
            <div class="tl_bottpn_b"></div>
            <div class="tl_bottpn_b"></div>
            <div class="tl_bottpn_b"></div>
            <div class="tl_bottpn_b"></div>
            <div class="tl_bottpn_b"></div>
            <div class="tl_bottpn_b"></div>
            <div class="tl_bottpn_b"></div>
            <div class="tl_bottpn_b"></div>
            <div class="tl_bottpn_b"></div>
        </div>
        <div class="tl_bottpn_c"></div>

        <!-- 左边小型组合三角形 -->
        <div class="tlBox_a_left">
            <div class="tlBox_a_left_top"></div>
        </div>
        <div class="tlBox_a_right">
            <div class="tlBox_a_right_top"></div>
        </div>
        <!-- 右边小型组合三角形 -->
        <div class="tlBox_b_left">
            <div class="tlBox_b_left_top"></div>
        </div>
        <div class="tlBox_b_right">
            <div class="tlBox_b_right_top"></div>
        </div>

        <!-- 中间大型组合三角形 -->
        <div class="tlBox_c_left">
            <div class="tlBox_c_left_top"></div>
        </div>
        <div class="tlBox_c_right">
            <div class="tlBox_c_right_top"></div>
        </div>

        <!-- 太阳 -->
        <div class="taiyang">
        </div>
    </div>
</body>

</html>